{%- extends "apostrophe-modal:base.html" -%}
{%- import "apostrophe-modal:macros.html" as modals -%}
{%- import "apostrophe-ui:components/buttons.html" as buttons with context -%}

{%- block modalClass -%}
  {{ 'tags-manager' | css }} apos-ui-modal-no-sidebar
{%- endblock -%}

{%- block controls -%}
  {{ buttons.minor('Finished', { action: 'cancel' }) }}
{%- endblock -%}

{%- block label -%}
  {{ __ns('apostrophe', 'Manage Tags') }}
{%- endblock -%}

{% block instructions %}
{#  <p>
    {{ __ns('apostrophe', 'Create, edit, and remove tags.') }}
  </p>#}
  <div class="apos-manage-tag-add-wrapper">
    <input data-apos-tag-add-field type="text" class="apos-field-input apos-field-input-text" placeholder="{{ __ns('apostrophe', 'Find or add a tag...') }}"/>
    <a href="#" data-apos-tag-add class="apos-manage-tag-add fa fa-plus"></a>
  </div>
{% endblock %}

{%- block body -%}
  <div class="apos-manage-tags-view" data-apos-tags-view>
    {# ajax populates me with either the grid view or the table view #}
  </div>
{%- endblock -%}

{%- block footerContainer -%}{%- endblock -%}
